const { resolve } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
    entry: './src/js/index',
    output: {
        filename: 'js/[name].js',
        path: resolve(__dirname, 'build'),
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader'],
            },
        ],
    },
    plugins: [new HtmlWebpackPlugin()],
    mode: 'development',
    devServer: {
        //项目构建后路径
        contentBase: resolve(__dirname, 'bulid'),
        //监视contentBase目录下的所有文件，一旦发生变化就会reload
        watchContentBase: true,
        watchOptions: {
            //忽略文件
            ignored: /node_modules/,
        },
        //启动gzip压缩
        compress: true,
        //端口号
        port: 3000,
        //自动打开浏览器
        open: true,
        //开启HMR
        hot: true,
        //不要显示启动服务器的日志信息
        clientLogLevel: 'none',
        //除了一些基本信息以外，其他内容都不显示
        quiet: true,
        //如果出错不要全屏提示
        overlay: false,
        //服务器代理-->解决开发环境跨域问题
        proxy: {
            '/api': {
                target: 'http://localhost:3000',
                //发送请求时。请求路径重写：将/api/xxx-->/xxx(去掉api)
                pathRewrite: {
                    '^/api': '',
                },
            },
        },
    },
};
